<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<title>个人中心</title>
<script src="js/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<section class="person-center">
		<header>
			<figure>
				<img src="css/images/1.jpg"/>
			</figure>
			<p>昵称：<span>XXX</span></p>
			<p>手机号：XXXXXXXXXXX</p>
		</header>
		<div class="person-nav">
			<div class="each-row">
				<div>
					<span class="icon-money"></span>
					<p>省内流量：X.XM</p>
					<p>国内流量：X.XM</p>
				</div>
				<div>
					<span class="icon-spotify"></span>
					<p>领取流量</p>
				</div>
			</div>
			<div class="each-row">
				<div>
					<span class="icon-coupons"></span>
					<p>我的优惠券</p>
				</div>
				<div>
					<span class="icon-download"></span>
					<p>更多免费流量</p>
				</div>
			</div>
			<div class="each-row">
				<div>
					<span class="icon-more-coupons"></span>
					<p>更多优惠券领取</p>
				</div>
				<div>
					<span class="icon-more"></span>
				</div>
			</div>
		</div>
	</section>

	<script type="text/javascript">
		$(document).ready(function(){

		});
	</script>
</body>
</html>